<template>
    <view class="home">
        <view class="toPromote" style="background-image: url(https://wdh-wm.oss-cn-hangzhou.aliyuncs.com/e2d0e04c39f34d6aaf3e886331a460fc.png);">
        	<view style="text-align: center;line-height: 37rpx;font-weight: 400;color: #000000;font-size: 26rpx;padding:478rpx  20rpx 0 20rpx;">
        		项目需投资，若无投资预算，请勿填写，谢谢！
        	</view>
        	<view style="margin: 0 auto;margin-top: 20rpx; width: 76%;height: 66rpx;background: #FFFFFF;box-shadow: 0rpx 2rpx 4rpx 0rpx #8F8F8F;border-radius: 6rpx;padding:10rpx 30rpx;font-size: 32rpx;">
        		<input v-model="form.name" type="text" style="width: 100%;height: 46rpx;line-height: 46rpx;border: none;" placeholder="姓名：">
        	</view>
			<view style="margin: 0 auto;margin-top: 20rpx; width: 76%;height: 66rpx;background: #FFFFFF;box-shadow: 0rpx 2rpx 4rpx 0rpx #8F8F8F;border-radius: 6rpx;padding:10rpx 30rpx;font-size: 32rpx;">
				<input v-model="form.phone" type="text" style="width: 100%;height: 46rpx;line-height: 46rpx;border: none;" placeholder="电话：">
			</view>
			<view @click="submitToPromote" style="width: 343rpx;margin: 0 auto;margin-top: 50rpx; height: 66rpx;background: #FFFFFF;box-shadow: 0rpx 2rpx 4rpx 0rpx #8F8F8F;border-radius: 33rpx;display: flex;justify-content: center;align-items: center;">
				<view style="width: 318rpx;height: 50rpx;background: linear-gradient(180deg, #3285E2 0%, #4057E6 100%);box-shadow: 0rpx 2rpx 4rpx 0rpx #5E73DF;border-radius: 25rpx;display: flex;justify-content: center;align-items: center;">
					<image src="../../static/img/Promote23.png" style="width: 256rpx;height: 38rpx;" mode=""></image>
				</view>
			</view>
			<view style="width: 670rpx;margin: 0 auto;height: 746rpx;margin-top: 70rpx;background-image: url(https://wdh-wm.oss-cn-hangzhou.aliyuncs.com/143004b8aca44ec58b3817e07701c912.png);background-size: 100% 746rpx;">
				<view style="width: 228rpx;margin: 0 auto;padding-top: 6rpx;">
					<image src="../../static/img/Promote3.png" style="width: 228rpx;height: 46rpx;" mode=""></image>
				</view>
				<view style="width: 312rpx;margin: 0 auto;padding-top: 20rpx;">
					<image src="../../static/img/Promote4.png" style="width: 312rpx;height: 44rpx;" mode=""></image>
				</view>
				<view style="width: 568rpx;margin-left: 51rpx;margin-top: 30rpx;display: flex;justify-content: space-between;align-items: center;">
					<view style="width: 120rpx;">
						<image src="../../static/img/Promote5.png" style="width: 120rpx;height: 120rpx;display: block;" mode=""></image>
						<view style="width: 120rpx;text-align: center;margin-top: 10rpx;font-size: 28rpx;font-weight: 500;color: #333333;line-height: 40rpx;">
							外卖
						</view>
					</view>
					<view style="width: 120rpx;">
						<image src="../../static/img/Promote6.png" style="width: 120rpx;height: 120rpx;display: block;" mode=""></image>
						<view style="width: 120rpx;text-align: center;margin-top: 10rpx;font-size: 28rpx;font-weight: 500;color: #333333;line-height: 40rpx;">
							跑腿
						</view>
					</view>
					<view style="width: 120rpx;">
						<image src="../../static/img/Promote7.png" style="width: 120rpx;height: 120rpx;display: block;" mode=""></image>
						<view style="width: 120rpx;text-align: center;margin-top: 10rpx;font-size: 28rpx;font-weight: 500;color: #333333;line-height: 40rpx;">
							代驾
						</view>
					</view>
				</view>
				<view style="width: 568rpx;margin-left: 51rpx;margin-top: 26rpx;display: flex;justify-content: space-between;align-items: center;">
					<view style="width: 120rpx;">
						<image src="../../static/img/Promote8.png" style="width: 120rpx;height: 120rpx;display: block;" mode=""></image>
						<view style="width: 120rpx;text-align: center;margin-top: 10rpx;font-size: 28rpx;font-weight: 500;color: #333333;line-height: 40rpx;">
							驿站
						</view>
					</view>
					<view style="width: 120rpx;">
						<image src="../../static/img/Promote9.png" style="width: 120rpx;height: 120rpx;display: block;" mode=""></image>
						<view style="width: 120rpx;text-align: center;margin-top: 10rpx;font-size: 28rpx;font-weight: 500;color: #333333;line-height: 40rpx;">
							洗衣
						</view>
					</view>
					<view style="width: 120rpx;">
						<image src="../../static/img/Promote10.png" style="width: 120rpx;height: 120rpx;display: block;" mode=""></image>
						<view style="width: 120rpx;text-align: center;margin-top: 10rpx;font-size: 28rpx;font-weight: 500;color: #333333;line-height: 40rpx;">
							家政
						</view>
					</view>
				</view>
				<view style="width: 568rpx;margin-left: 51rpx;margin-top: 26rpx;display: flex;justify-content: space-between;align-items: center;">
					<view style="width: 120rpx;">
						<image src="../../static/img/Promote11.png" style="width: 120rpx;height: 120rpx;display: block;" mode=""></image>
						<view style="width: 120rpx;text-align: center;margin-top: 10rpx;font-size: 28rpx;font-weight: 500;color: #333333;line-height: 40rpx;">
							商家
						</view>
					</view>
					<view style="width: 120rpx;">
						<image src="../../static/img/Promote12.png" style="width: 120rpx;height: 120rpx;display: block;" mode=""></image>
						<view style="width: 120rpx;text-align: center;margin-top: 10rpx;font-size: 28rpx;font-weight: 500;color: #333333;line-height: 40rpx;">
							优选
						</view>
					</view>
					<view style="width: 120rpx;">
						<image src="../../static/img/Promote13.png" style="width: 120rpx;height: 120rpx;display: block;" mode=""></image>
						<view style="width: 120rpx;text-align: center;margin-top: 10rpx;font-size: 28rpx;font-weight: 500;color: #333333;line-height: 40rpx;">
							养老
						</view>
					</view>
				</view>
			</view>
			<view style="width: 100%;height: 40rpx;"></view>
			<view style="width: 670rpx;margin: 0 auto;height: 1392rpx;background: linear-gradient(180deg, #61F2FF 0%, #6D71FF 100%);box-shadow: 0rpx 2rpx 5rpx 5rpx rgba(113,161,209,0.55);border-radius: 16rpx;">
				<view style="width: 100%;height: 7rpx;"></view>
				<view style="width: 658rpx;margin: 0rpx 6rpx 8rpx 6rpx;border-radius: 16rpx;background: linear-gradient(180deg, #D9E2FF 0%, #D9E2FF 100%);box-shadow: 0rpx 2rpx 5rpx 0rpx rgba(255,255,255,0.5);">
					<view style="width: 100%;height: 33rpx;"></view>
					<view style="width: 458rpx;margin: 0 auto;height: 60rpx;background: #29B2FE;box-shadow: 0rpx 5rpx 5rpx 0rpx rgba(102,124,203,0.59);border-radius: 30rpx;padding-top: 7rpx;text-align: center;">
						<image src="../../static/img/Promote14.png" style="width: 335rpx;height: 46rpx;" mode=""></image>
					</view>
					<view style="width: 100%;height: 40rpx;"></view>
					<view style="width: 595rpx;margin: 0 auto;height: 161rpx;background-image: url(https://wdh-wm.oss-cn-hangzhou.aliyuncs.com/4d340af9055c4320aed24e5e1df03e4a.png);background-size: 100% 161rpx;display: flex;align-items: center;">
						<view style="height: 37rpx;font-size: 26rpx;padding: 0 43rpx;color: #29B2FE;line-height: 37rpx;font-weight: 400;">
							服务体验门店+社区O2O电商平台+养老服务
						</view>
					</view>
					<view style="width: 100%;height: 20rpx;"></view>
					<view style="width: 595rpx;margin: 0 auto;height: 161rpx;background-image: url(https://wdh-wm.oss-cn-hangzhou.aliyuncs.com/6d2bc3bcf69d4cc4b099dc41a7ba9566.png);background-size: 100% 161rpx;display: flex;align-items: center;">
						<view style="height: 37rpx;font-size: 26rpx;padding: 0 43rpx;color: #29B2FE;line-height: 37rpx;font-weight: 400;">
							一商家体 + 一配送 + 一社区
						</view>
					</view>
					<view style="width: 100%;height: 20rpx;"></view>
					<view style="width: 595rpx;margin: 0 auto;height: 161rpx;background-image: url(https://wdh-wm.oss-cn-hangzhou.aliyuncs.com/8ecd5aff75534a9e8b5195bed47884c2.png);background-size: 100% 161rpx;display: flex;align-items: center;">
						<view style="height: 37rpx;font-size: 26rpx;padding: 0 43rpx;color: #29B2FE;line-height: 37rpx;font-weight: 400;">
							C端用户 + 入驻商家
						</view>
					</view>
					<view style="width: 100%;height: 20rpx;"></view>
					<view style="width: 595rpx;margin: 0 auto;height: 161rpx;background-image: url(https://wdh-wm.oss-cn-hangzhou.aliyuncs.com/aaf7d6933e7f477f9336fe71df671344.png);background-size: 100% 161rpx;display: flex;align-items: center;">
						<view style="height: 37rpx;font-size: 26rpx;padding: 0 43rpx;color: #29B2FE;line-height: 37rpx;font-weight: 400;">
							生鲜市场的供应链重构与新消费应用场景变革
						</view>
					</view>
					<view style="width: 100%;height: 20rpx;"></view>
					<view style="width: 590rpx;margin: 0 auto;height: 114rpx;background: #FFFFFF;box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(137,181,254,0.54);border-radius: 10rpx;display: flex;align-items: center;">
						<view style="font-size: 24rpx;padding: 0 43rpx;color: #29B2FE;line-height: 33rpx;font-weight: 400;">
							1、在每个区域开少量线下体验门店，以消费者的美好体验，将消费者引入线上平台。
						</view>
					</view>
					<view style="width: 100%;height: 30rpx;"></view>
					<view style="width: 590rpx;margin: 0 auto;height: 180rpx;background: #FFFFFF;box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(137,181,254,0.54);border-radius: 10rpx;display: flex;align-items: center;">
						<view style="font-size: 24rpx;padding: 0 43rpx;color: #29B2FE;line-height: 33rpx;font-weight: 400;">
							2、消费者不仅可以到体验门店买到优质的精选产品，更可以通过线上平台或线下门店，将喂到好平台产品送回家，从而快速占领整个区域的社区团购市场。
						</view>
					</view>
					<view style="width: 100%;height: 30rpx;"></view>
					<view style="width: 590rpx;margin: 0 auto;height: 114rpx;background: #FFFFFF;box-shadow: 0rpx 0rpx 6rpx 0rpx rgba(137,181,254,0.54);border-radius: 10rpx;display: flex;align-items: center;">
						<view style="font-size: 24rpx;padding: 0 43rpx;color: #29B2FE;line-height: 33rpx;font-weight: 400;">
							3、服务体验门店可整合发展周边各类便利店 、水果店、超市等成为下属分销商。
						</view>
					</view>
					<view style="width: 100%;height: 60rpx;"></view>
				</view>
			</view>
			<view style="width: 100%;height: 40rpx;"></view>
			<view style="width: 670rpx;margin: 0 auto;height: 883rpx;background-image: url(https://wdh-wm.oss-cn-hangzhou.aliyuncs.com/877b96ef86f844738b4f506f381d110f.png);background-size: 100% 883rpx;">
				<view style="width: 190rpx;margin: 0 auto;padding-top: 6rpx;">
					<image src="../../static/img/Promote20.png" style="width: 190rpx;height: 47rpx;" mode=""></image>
				</view>
				<view style="width: 391rpx;margin: 0 auto;padding-top: 20rpx;">
					<image src="../../static/img/Promote21.png" style="width: 391rpx;height: 45rpx;" mode=""></image>
				</view>
				<view style="width: 506rpx;margin: 0 auto;padding-top: 45rpx;">
					<image src="../../static/img/Promote22.png" style="width: 506rpx;height: 664rpx;" mode=""></image>
				</view>
			</view>
        </view>
		<u-toast ref="uToast" />
    </view>
</template>
 
<script>
    
export default {
    data() {
        return {
			form:{
				name:"",
				phone:""
			},
        };
    },
    onLoad() {
    },
    mounted() {
         
    },
    onReady() {
         
    },
    methods: {
		
        submitToPromote:function(){
			if(this.form.name==''){
				this.$refs.uToast.show({
					icon:false,
					title: '请填写姓名',
					type: 'error'
				});
			}else if(this.form.phone==''){
				this.$refs.uToast.show({
					icon:false,
					title: '请填写电话',
					type: 'error'
				});
			}else{
				let opts = {
					way: true, //true JSON请求；false 表单请求
					method: 'post',
					url: 'partner/save'
				};
				let data = this.form
				this.http.httpTokenRequest(opts, data).then(res => {
					if (res.code == 200) {
						this.form={
							name:"",
							phone:""
						};
						this.$refs.uToast.show({
							icon:false,
							title: "提交成功",
							type: 'success'
						});
					} else {
						this.$refs.uToast.show({
							icon:false,
							title: res.message,
							type: 'error'
						});
					}
				});
			}
			
		},
    }
};
</script>
 
<style>
.home {
    width: 100%;
    height: 100%;
}
.toPromote{width: 100%;height: 4064rpx;background-size: 100% 4064rpx;background-repeat: no-repeat;}
</style>
 